<!DOCTYPE html>
<!--[if lt IE 7]>  <html class="ie ie6 lte9 lte8 lte7 no-js"> <![endif]-->
<!--[if IE 7]>     <html class="ie ie7 lte9 lte8 lte7 no-js"> <![endif]-->
<!--[if IE 8]>     <html class="ie ie8 lte9 lte8 no-js">      <![endif]-->
<!--[if IE 9]>     <html class="ie ie9 lte9 no-js">           <![endif]-->
<!--[if gt IE 9]>  <html class="no-js">                       <![endif]-->
<!--[if !IE]><!--> <html class="no-js">                       <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>ELITE - A Powerfull Responsive Admin Theme</title>
    
	<!-- 
    ***************************************
    DEMO - DEMO - DEMO - DEMO - DEMO - DEMO
    
    This demo is modifyed to perfom 
    better(as our servers anr't that fast)
    Most cusom files are compressed and 
    are not readable.
    ***************************************
    -->
    
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.html">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/mobile/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/mobile/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon-precomposed" href="images/mobile/apple-touch-icon.png" />
    <link rel="shortcut icon" href="images/apple-touch-icon.html" />
    <link rel="apple-touch-startup-image" media="(max-device-width: 480px) and not (-webkit-min-device-pixel-ratio: 2)" href="images/mobile/splash-320x460.png" />
    <link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="images/mobile/splash-640x920-retina.png" />
    <link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: portrait)" href="images/mobile/splash-768x1004.png" />
    <link rel="apple-touch-startup-image" media="(min-device-width: 768px) and (orientation: landscape)" href="images/mobile/splash-1024x748.png" />
    <link rel="apple-touch-startup-image" media="(min-device-width: 1536px) and (orientation: portrait)" href="images/mobile/splash-1536x2008-retina.png" />
    <link rel="apple-touch-startup-image" media="(min-device-width: 2048px) and (orientation: landscape)" href="images/mobile/splash-2048x1496-retina.png" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="HandheldFriendly" content="true"/>   
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 
    <script src="js/mobiledevices.js"></script>

    <meta name="application-name" content="Elite Admin Skin">
    <meta name="msapplication-tooltip" content="Cross-platform admin skin.">
    <meta name="msapplication-starturl" content="http://themes.creativemilk.net/elite/html/index.html">
    <meta name="msapplication-task" content="name=Home;action-uri=http://themes.creativemilk.net/elite/html/index.html;icon-uri=http://themes.creativemilk.net/elite/html/images/favicons/favicon.ico">
    <meta http-equiv="cleartype" content="on" /> 
    
    <!--[if lt IE 8]>
	<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="css/framework.css"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/ui/jquery.ui.base.css"/>
    <link rel="stylesheet" href="css/theme/darkblue.css" id="themesheet"/>
	<!--[if IE 7]>
	<link rel="stylesheet" href="css/destroy-ie6-ie7.css"/>
    <![endif]-->
    
    <link rel="shortcut icon" href="images/favicons/favicon.ico" />

    <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>!window.jQuery && document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
    <script src="../../code.jquery.com/ui/1.8.22/jquery-ui.min.js"></script>
    <script>!window.jQueryUI && document.write('<script src="js/jquery-ui-1.8.22.min.js"><\/script>')</script>
    <script src="js/jquery.ui.touch-punch.min.js"></script>
    <script src="js/jquery.mousewheel.min.js"></script>
	<script src="js/jquery.ui.spinner.js"></script>            
    <script src="js/tipsy.js"></script>                       
    <script src="js/treeview.js"></script>                      
    <script src="js/fullcalendar.min.js"></script>               
    <script src="js/selectToUISlider.jQuery.js"></script>       
    <script src="js/jquery.contextMenu.js"></script>            
    <script src="js/elfinder.min.js"></script>                  
    <script src="js/autogrow-textarea.js"></script>              
    <script src="js/textarearesizer.min.js"></script>
    <script src="wysiwyghtml5/parser_rules/advanced.js"></script>
	<script src="wysiwyghtml5/dist/wysihtml5-0.3.0.js"></script>                    
    <script src="js/jquery.colorbox-min.js"></script>
    <script src="js/jquery.dataTables.min.js"></script>
    <script src="js/jquery.maskedinput-1.3.min.js"></script> 
    <script src="js/json2.js"></script>
    <script src="audiojs/audiojs/audio.min.js"></script> 
    <script src="js/e_styleswitcher.1.0.min.js"></script>                 
    <script src="js/main.js"></script> 
    
    <!-- // HTML5/CSS3 support // -->

    <script src="js/modernizr.min.js"></script>
                
</head>
<body class="layout_fluid layout_responsive"> 

    <!-- this part can be removed, its just here 
         to let you switch between styles and layout sizes -->
    <div id="e-styleswitcher">
        <div class="e-styleswitcher-inner">
            <div class="e-styleswitcher-arrow"><img src="images/icons/plix-16/white/arrow-right-16.png" alt="" /></div>
            <div class="box">
            	<h4>Styles</h4>
                <select id="choose-styling">
                	<option value="strangeblue">Strange blue</option>
                    <option value="black">Black</option>
                    <option value="darkblue">Dark blue</option>
                    <option value="lightgrey">Light grey</option>
                </select>
            </div>    
            <div class="box">
            	<h4>Layout sizes</h4>                
                <select id="set-layout-size">
                	<option value="layout_fluid">fluid</option>
                    <option value="layout_768">768</option>
                    <option value="layout_960">960</option>
                    <option value="layout_1024">1024</option>
                    <option value="layout_1200">1200</option>
                    <option value="layout_1600">1600</option>
                </select>
            </div> 
            <div class="box">
            	<h4>Responsive</h4>                
                <select id="set-layout-responsive">
                	<option value="layout_responsive">yes</option>
                    <option value="">no</option>
                </select>
            </div>
            <div class="box">
            	<h4>Get theme</h4>                
                <select id="get-theme">
                	<option value="">no</option>
                    <option value="yes">yes</option>
                </select>
            </div>                         
        </div>
    </div>
  
	<div id="container">
    
        <!-- MAIN HEADER -->
                
        <header id="header">
        	<div id="header-border">
                <div id="header-inner">
                
                    <div class="left">
                        <a href="index.html" id="logo">ELITE</a>
                    </div><!-- End .left -->
                    
                    <div class="right">
                        <!-- eMenu -->
                        <nav>
                            <ul class="e-splitmenu" id="header-menu">
                                <li><span>Menu</span><a href="javascript:void(0);"><span class="arrow-down-10 plix-10"></span></a>
                                
                                     <div>
                                        <ul>
                                            <li><a href="index.html"><span class="stats2-10 plix-10"></span> Stats</a></li>
                                            <li><a href="index.html"><span class="lock-10 plix-10"></span> Security</a></li>
                                            <li><a href="index.html"><span class="download-10 plix-10"></span> Downloads</a></li>
                                        </ul>                                      
                                    </div>                               

                                </li>
                                <li><span>Settings</span><a href="javascript:void(0);"><span class="arrow-down-10 plix-10"></span></a>
                                
                                     <div>
                                        <ul>
                                            <li><a href="index.html"><span class="home-10 plix-10"></span> Basic Settings</a></li>
                                            <li><a href="index.html"><span class="settings-10 plix-10"></span> Site Settings</a></li>
                                            <li><a href="index.html"><span class="comment-10 plix-10"></span> User Settings</a></li>
                                            <li><a href="index.html"><span class="bookmark-10 plix-10"></span> Server Settings</a></li>
                                        </ul>                                      
                                    </div>
                                    
                                </li>
                        		<li class="e-menu-profile">
                                    <a href="javascript:void(0);"><span class="arrow-down-10 plix-10"></span></a> 
                                    <img src="images/avatar.jpg" alt=""/>
                                    
                                    <div>
                                        <ul>
                                            <li><a href="index.html"><span class="mail-10 plix-10"></span> Inbox</a></li>
                                            <li><a href="index.html"><span class="upload-10 plix-10"></span> Settings</a></li>
                                            <li><a href="index.html"><span class="info-10 plix-10"></span> Logout</a></li>
                                        </ul>                                      
                                    </div> 
                                            
                                </li>
                            </ul>
                        </nav>
                    </div><!-- End .right --> 
                    
                </div><!-- End #header-border --> 
            </div><!-- End #header-inner -->  
                
		</header><!-- End #header -->
        
        <!-- CONTENT -->
                 
        <div id="content">
            <div id="content-border">
            
                <!-- CONTENT HEADER -->
                
                <header id="content-header">
                    <div class="left">
                    	<a href="javascript:void(0);" id="toggle-mainmenu" class="button-icon tip-s" title="Toggle Main Menu"><span class="arrow-up-10 plix-10"></span></a>
                        
                        <!-- main search form -->
                        <form method="post" id="mainsearch">
                            <input type="text" placeholder="Live search..." name="" autocomplete="off"/>
                            <input type="submit" value="" />
                        </form>
                    </div><!-- End .left --> 
                    <div class="right">
                    	<!-- sidebar switch -->
                    	<a href="javascript:void(0);" id="toggle-sidebar" class="button-icon tip-s" title="Switch Main Menu"><span class="arrow-left-10 plix-10"></span></a>
                        
                        <!-- breadcrumbs -->
                        <nav id="main-breadcrumbs">
                            <ul>
                                <li class="bc-tab-first">
                                    <a href="index.html">Home</a>
                                </li>
                                <li class="bc-tab-last">Widgets &amp; non-widgets</li>
                            </ul>          
                        </nav>
                        
                        <!-- demo dialog button -->
                        <a href="javascript:void(0);" id="open-main-dialog" class="button-text-icon tip-w" title="Some tooltip pointing right"><span class="fullscreen-10 plix-10"></span> Dialog</a>
                        
                        <!-- the main page dialog -->
                        <div id="main-page-dialog" title="Welcome to Elite" style="display:none">
                        <img src="images/jquery-ui-logo.png" alt="" class="dummy-img-dialog"/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet est et mauris ornare lobortis dignissim quis massa. Donec ullamcorper turpis ac lectus semper commodo. Mauris tincidunt, erat et tempor interdum, dolor metus consectetur dui, eu accumsan augue augue a erat. Fusce justo nibh, tristique vitae pretium ut, venenatis nec felis. Curabitur congue tempor ultricies. Proin quis libero dignissim neque posuere pharetra vel adipiscing massa. Sed sit amet erat ac arcu sodales aliquam. Nam tellus sapien, ornare in tincidunt vel, ultricies id quam.
						</div>
                        
                        <span class="preloader"></span>
                        
                        <!-- widgets controls -->
                        <div id="widgets-controls">
                            <span class="preloader"></span>                       
                            <div class="icon-group"> 
                                <a href="javascript:void(0);" class="changeto-grid selected tip-s" title="Show grid"><span class="grid-10 plix-10"></span></a>
                                <span></span>
                                <a href="javascript:void(0);" class="changeto-rows tip-s" title="Show rows"><span class="rows-10 plix-10"></span></a>
                            </div>
                            
                            <!-- widgets management switch -->
                            <a href="javascript:void(0);" class="button-icon tip-s" title="Manage widgets" id="powerwidget-panel-switch"><span class="settings-10 plix-10"></span></a>
                        </div>
                    </div><!-- End .right -->                
                
				</header><!-- End #content-header --> 
                                
                <div id="content-inner">
                    
                    <!-- SIDEBAR -->
                    
                    <aside>
                   
                    	<!-- SIDEBAR PROFILE -->
                        
                    	<div id="sidebar-profile">
                            <div id="main-avatar">
                            	<span class="indicator">38</span>
                                <img src="images/avatar.jpg" alt=""/>
                            </div>
                            <div id="profile-info">
                                <div>
                                    <a href="javascript:void(0);"><b>Administrator</b></a>
                                    <a href="javascript:void(0);">Profile settings</a>
                                    <a href="javascript:void(0);">Server settings</a>
                                    <a href="javascript:void(0);">Logout</a>
                                </div>
                            </div>
                        </div>
                        <!-- MAIN MENU -->
                        
                        <nav id="main-menu">
                            <ul>
                                <li><a href="index.html"><span class="home-16 plix-16"></span> Dashboard</a></li>
                                <li class="no-mobile"><a href="documentation.html"><span class="note-16 plix-16"></span> Documentation</a>
                                
                                    <ul>
                                    	<li><a href="doc-accordion.html">Accordion</a></li> 
                                    	<li><a href="doc-breadcrumbs.html">Breadcrumbs</a></li>
                                        <li><a href="doc-buttons.html">Buttons</a></li>
                                        <li><a href="doc-calendar.html">Calendar</a></li>
                                        <li><a href="doc-charts.html">Charts</a></li>
                                        <li><a href="doc-dialogs.html">Dialogs</a></li>
                                        <li><a href="doc-editors.html">Editors</a></li>
                                        <li><a href="doc-extra.html">Extra</a></li>
                                        <li><a href="doc-fileexplore.html">File Explore</a></li>
                                        <li><a href="doc-forms.html">Forms</a></li>
                                        <li><a href="doc-grid.html">Grid</a></li>
                                        <li><a href="doc-icons.html">Icons</a></li>
                                        <li><a href="doc-listsblocks.html">Lists &amp; Blocks</a></li>
                                        <li><a href="doc-media.html">Media</a></li>
                                        <li><a href="doc-menus.html">Menus</a></li>
                                        <li><a href="doc-misc.html">Misc</a></li>
                                        <li><a href="doc-search.html">Search</a></li>
                                        <li><a href="doc-tables.html">Tables</a></li>
                                        <li><a href="doc-tabs.html">Tabs</a></li>
                                        <li><a href="doc-toolbars.html">Toolbars</a></li> 
                                        <li><a href="doc-widgets.html">Widgets</a></li>                                         
                                    </ul> 
                                                                   
                                </li>
                                <li><a href="calendar.html"><span class="calendar-16 plix-16"></span>Calendar<span class="color-indicator">28</span></a></li>
                                <li><a href="javascript:void(0);"><span class="postcard-16 plix-16"></span> Form Elements <span class="button-icon"><span class="plus-10 plix-10"></span></span></a>

                                    <ul>
                                    	<li><a href="editors.html">Editors</a></li>
                                    	<li><a href="forms.html">Forms</a></li>
                                        <li><a href="login.html">Login form 1</a></li>
                                        <li><a href="login-2.html">Login form 2</a></li>
                                        <li><a href="login-3.html">Login form 3</a></li>
                                        <li><a href="login-4.html">Login form 4</a></li>
                                        <li><a href="search.html">Search</a></li>
                                        <li><a href="wizard.html">Wizard</a></li>                                         
                                    </ul>
                                
                                </li>
                                <li><a href="media.html"><span class="image-16 plix-16"></span> Media</a></li>
                                <li><a href="planning.html"><span class="pencil-16 plix-16"></span> Planning</a></li>
                                <li><a href="maps.html"><span class="map-16 plix-16"></span> Google Maps <span class="indicator tip-w" title="Some tip goes here">tooltip</span></a></li>
                                <li><a href="fileexplore.html"><span class="folder-16 plix-16"></span> File Explore</a></li> 
                                <li><a href="javascript:void(0);"><span class="warning-16 plix-16"></span> Error pages<span class="button-icon"><span class="plus-10 plix-10"></span></span></a>

                                    <ul>
                                    	<li><a href="400.html">400</a></li>
                                    	<li><a href="401.html">401</a></li>
                                        <li><a href="403.html">403</a></li>
                                        <li><a href="404.html">404</a></li>
                                        <li><a href="500.html">500</a></li>
                                        <li><a href="503.html">503</a></li>                                         
                                    </ul>
                                
                                </li>
                                <li class="page-active"><a href="widgets.html"><span class="rows4-16 plix-16"></span> Widgets</a></li>
                                <li><a href="tables.html"><span class="cells-16 plix-16"></span> Tables</a></li>
                                <li><a href="charts.html"><span class="stats2-16 plix-16"></span> Charts </a></li>
                                <li><a href="javascript:void(0);"><span class="controls-16 plix-16"></span> Interface Elements <span class="button-icon"><span class="plus-10 plix-10"></span></span> </a>
                                
                                    <ul>
                                    	<li><a href="accordion.html">Accordion</a></li>                                        
                                        <li><a href="breadcrumbs.html">Breadcrumbs</a></li>
                                        <li><a href="buttons.html">Buttons</a></li>
                                        <li><a href="dialogs.html">Dialogs</a></li>
                                        <li><a href="icons.html">Icons</a></li>
                                        <li><a href="listsblocks.html">Lists &amp; Blocks</a></li>
                                        <li><a href="menus.html">Menus</a></li>
                                        <li><a href="misc.html">Misc</a></li>
                                        <li><a href="tabs.html">Tabs</a></li>
                                        <li><a href="toolbars.html">Toolbars</a></li>
                                    </ul>          
                                                           
                                </li>
                                <li><a href="grid.html"><span class="layout3-16 plix-16"></span> Grid <span class="indicator">960</span></a></li>
                            </ul>
                        </nav>                      
                    </aside>
                    
                    <!-- sidebar meta stats -->
                    <div id="sidebar-meta">
                    	<div id="sidebar-meta-inner">
                        	<div>
                                <p class="left">Space</p> 
                                <p class="right">4,551 MB / 10 GB</p>
                            </div>
                            <div class="pbar">
                               <span style="width:50%"></span>                            
                            </div>
                        	<div>
                                <p class="left">Traffic</p> 
                                <p class="right">8,001 MB / 10 GB</p>
                            </div>
                            <div class="pbar">
                               <span style="width:81%"></span>                            
                            </div>
                        </div>  
                    </div> 
                     
                    <!-- CONTENT -->
                    
					<div id="content-main">
                        <div id="content-main-inner">

                            <!-- widgets management panel --> 
                            <div id="powerwidgetspanel" class="powerwidgetspanel">
                                <header>
                                    <h2>Power widgets panel</h2>
                                </header>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget1">
                                    <input type="checkbox"/>
                                    <label>Hidden widget</label>
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget2">
                                	<input type="checkbox"/>
                                    <label>Basic widget</label>                        
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget3">
                                    <input type="checkbox"/>
                                    <label>Icons</label>
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget4">
                                    <input type="checkbox"/>
                                    <label>No toggle button</label>
                                </div>                             
                                <div class="powerwidgetspanel-widget" data-widget-id="widget5">
                                    <input type="checkbox"/>
                                    <label>Not sortable</label>                            
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget6">
                                	<input type="checkbox"/>
                                    <label>Collapsed widget</label>
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget7">
                                	<input type="checkbox"/>
                                    <label>Ajax</label>
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget8">
                                	<input type="checkbox"/>
                                    <label>Ajax with auto refresh</label>
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget9">
                                	<input type="checkbox"/>
                                    <label>No timestamp</label>
                                </div>
                                <div class="powerwidgetspanel-widget" data-widget-id="widget10">
                                	<input type="checkbox"/>
                                    <label>Minimal ajax widget</label>
                                </div>                                                                
                            </div>
                      
                            <div class="page-header">
                                <h2>Widgets &amp; Non-widgets</h2>
                                <span class="page-helper">1.0</span>
                                <a href="doc-widgets.html" class="page-helper">Documentation</a>
                                <a href="javascript:void(0);" class="page-helper empty-local-storage">Clear storage</a>
                                <p>A overview of the (power) widgets and the non-widgets.</p>
                            </div>
                            
							<!-- Start grid -->
                            
                            <section class="g_1_2">

                                <!-- New widget -->
                                
                                <div class="powerwidget" id="widget1" data-widget-hide="true">
                                    <header>
                                    	<h2>Hidden Widget</h2>                                  
                                    </header>
                                    <div>
                                    	<div class="inner-spacer">  
Donec nec justo risus. Integer magna nunc, fringilla eget consequat ac, mollis vel tortor. Maecenas consectetur ultrices massa vel consequat. Ut facilisis est blandit tortor congue tincidunt. Integer dapibus venenatis placerat. In quis justo urna. Morbi blandit nisl id quam iaculis egestas. Donec vitae nisl at odio rutrum pharetra. Nunc venenatis, felis non placerat malesuada, eros felis tincidunt nibh, vitae blandit purus massa et ligula. 
                                    	</div>
                                    </div>                               
                                </div><!-- End .powerwidget -->
                                                            
                                <!-- New widget -->
                                
                                <div class="powerwidget" id="widget2">
                                    <header>
                                    	<h2>Basic Widget</h2>                                  
                                    </header>
                                    <div>
                                    	<div class="inner-spacer">  
                                    		basic widget
                                        </div>
                                    </div>                               
                                </div><!-- End .powerwidget -->
                                
                                <!-- New widget -->
                                
                                <div class="powerwidget" id="widget3" data-widget-icon="image-16">
                                    <header>
                                        <h2>Icons</h2>
                                    </header>
                                    <div>
                                    	<div class="inner-spacer">  
                                    		data-widget-icon="image-16"
                                        </div>
                                    </div>
                                </div><!-- End .powerwidget --> 
                                
                                <!-- New widget -->                      
           
                                <div class="powerwidget" id="widget4" data-widget-togglebutton="false">
                                    <header>
                                        <h2>No toggle button</h2>
                                    </header>
                                    <div>
                                    	<div class="inner-spacer">  
                                    		data-widget-togglebutton="false"
                                        </div>
                                    </div>
                                </div><!-- End .powerwidget --> 

                                <!-- New widget -->
                                
                                <div class="powerwidget" id="widget5" data-widget-sortable="false">
                                    <header>
                                        <h2>Not sortable</h2>
                                    </header>                               
                                    <div>
                                    	<div class="inner-spacer">  
                                        	data-widget-sortable="false"
                                        </div>
                                    </div>
                                </div><!-- End .powerwidget -->
                                
                                <!-- New widget -->                      
           
                                <div class="powerwidget" id="widget6" data-widget-collapsed="true">
                                    <header>
                                        <h2>Collapsed widget</h2>
                                    </header>
                                    <div>
                                    	<div class="inner-spacer">  
                                            data-widget-collapsed="true"

                                        </div>                                    
                                    </div>
                                </div><!-- End .powerwidget -->
                                                                    
                                <!-- New widget -->
                                
                                <div class="powerwidget" id="widget7" data-widget-load="ajax/widget-ajax2.html">
                                    <header>
                                        <h2>Ajax</h2>
                                    </header>                               
                                    <div>
                                    </div>
                                </div><!-- End .powerwidget --> 
                                                             
                                <!-- New widget --> 
                                 
                                <div class="powerwidget" id="widget8" data-widget-refresh="15" data-widget-load="ajax/widget-ajax1.html">
                                    <header>
                                        <h2>Ajax with auto refresh</h2>
                                    </header>
                                    <div>
                                    </div>
                                </div><!-- End .powerwidget -->  
                                
                                <!-- New widget -->                      
           
                                <div class="powerwidget" id="widget9" data-widget-load="ajax/widget-ajax3.html">
                                    <header>
                                        <h2>No timestamp</h2>
                                    </header>
                                    <div>
                                    </div>
                                </div><!-- End .powerwidget -->   
                                
                                <!-- New widget -->                      
           
                                <div class="powerwidget" id="widget10" data-widget-load="ajax/widget-ajax4.php" data-widget-refreshbutton="false">
                                    <header>
                                        <h2>Minimal ajax widget</h2>
                                    </header>
                                    <div>
                                    </div>
                                </div><!-- End .powerwidget -->                                                                                                                                      
                            </section>               

                            <!-- Non widgets also called e-blocks, these are fixed blocks
                            	 therefor they dont have to be placed into a section, 
                            	 as the blocks arn't sortable. We have placed them in a 
                                 section tag for this demo. 
                            -->
                                                                                                                                    
                            <section class="g_1_2_last">  

                                <!-- New widget -->                      
           
                                <div class="e-block">
                                    <header>
                                        <h2>Basic block</h2>
                                    </header>
                                    <div>
                                    	<div class="inner-spacer"> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel arcu est. Suspendisse laoreet nisl nec magna feugiat vulputate aliquam ipsum laoreet. In et orci mi, sed porttitor leo. Phasellus vitae tortor a nunc tincidunt rhoncus a in tellus. Ut sit amet justo bibendum lacus cursus auctor ac quis magna. Donec eu sagittis tellus. Cras tempus ullamcorper feugiat. Nulla rhoncus massa id est pellentesque sodales pellentesque mauris rhoncus. Mauris sit amet eros sit amet magna commodo suscipit. Maecenas pulvinar convallis sapien, sed pretium nisi accumsan nec. Aliquam erat volutpat. Nam non eros purus, sed imperdiet erat. Ut dignissim sollicitudin felis, in tincidunt arcu scelerisque id. Vivamus ligula enim, semper vitae aliquet id, fringilla sit amet augue. 
                                    	</div>
                                    </div>
                                </div><!-- End .e-block --> 

                                <!-- New widget -->                      
           
                                <div class="e-block">
                                    <header>
                                        <span class="calendar-16 plix-16"></span>
                                        <h2>Icon and indicator</h2> 
                                        <span class="indicator">147</span>
                                    </header>
                                    <div>
                                    	<div class="inner-spacer"> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vel arcu est. Suspendisse laoreet nisl nec magna feugiat vulputate aliquam ipsum laoreet. In et orci mi, sed porttitor leo. Phasellus vitae tortor a nunc tincidunt rhoncus a in tellus. Ut sit amet justo bibendum lacus cursus auctor ac quis magna. Donec eu sagittis tellus. Cras tempus ullamcorper feugiat. Nulla rhoncus massa id est pellentesque sodales pellentesque mauris rhoncus. Mauris sit amet eros sit amet magna commodo suscipit. Maecenas pulvinar convallis sapien, sed pretium nisi accumsan nec. Aliquam erat volutpat. Nam non eros purus, sed imperdiet erat. Ut dignissim sollicitudin felis, in tincidunt arcu scelerisque id. Vivamus ligula enim, semper vitae aliquet id, fringilla sit amet augue. 
                                    	</div>
                                    </div>
                                </div><!-- End .e-block --> 

                               <!-- New widget -->                      
           
                                <div class="e-block" id="e-block-etabs1">
                                    <header>
                                    	<h2>Block with title and tabs</h2>
                                        <div class="right">
                                            <ul class="etabs">
                                                <li class="etabs-active"><a href="#etab1">Tab 1</a></li>
                                                <li><a href="#etab2">Tab 2</a></li>
                                            </ul> 
                                        </div>
                                    </header>
                                    <div>
                                        <div id="etab1" class="etabs-content">
                                        	<div class="inner-spacer"> 
                                        		Basic block with etabs(position right)
                                        	</div>
                                        </div> 
                                        <div id="etab2" class="etabs-content">
                                        	<div class="inner-spacer"> 
                                        		Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. 
                                                Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci.
                                            </div>    
                                        </div> 
                                    </div>
                                </div><!-- End .e-block --> 

                                <!-- New widget -->                      
           
                                <div class="e-block" id="e-block-etabs2">
                                    <header>
                                        <ul class="etabs">
                                            <li class="etabs-active"><a href="#etab11">Tab 1</a></li>
                                            <li><a href="#etab12">Tab 2</a></li>
                                        </ul>                         
                                    </header>
                                    <div>
                                        <div id="etab11" class="etabs-content">
                                            <div class="inner-spacer"> 
                                            	Basic e-block with etabs(position left) 
                                            </div>
                                        </div> 
                                        <div id="etab12" class="etabs-content">
                                            <div class="inner-spacer"> 
                                            	Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. 
                                            	Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci.
                                            </div>
                                        </div> 
                                    </div>
                                </div><!-- End .e-block -->
                                
                            </section>  
                                                     
                            <div class="clear"><!-- New row --></div>
                                                        
                            <!-- End grid -->
                            
                       </div><!-- End #content-main-inner --> 
                    </div><!-- End #content-main --> 
                </div><!-- End #content-inner --> 
                
                <!-- CONTENT FOOTER -->
                
                <footer id="content-footer">
                    <div class="left">
						<div class="left">
                               <a href="javascript:void(0);" class="button-icon tip-s" title="Some action">
                                  <span class="folder-10 plix-10"></span>
                              </a>                                                        
                              <a href="javascript:void(0);" class="button-icon tip-s" title="Some action">
                                  <span class="pencil-10 plix-10"></span>
                              </a>
                          </div><!-- End .left -->
                          <div class="right">
                              <a href="javascript:void(0);" class="button-icon tip-s" title="Some action">
                                  <span class="refresh-10 plix-10"></span>
                              </a> 
                          </div> <!-- End .right --> 
                    </div><!-- End .left --> 
                    <div class="right">
                    	<div class="left">
                    	Copyright © 2012 <a href="http://bit.ly/ldjfWQ">CreativeMilk</a>
                        </div><!-- End .left -->
                        <div class="right">
                        	<div class="theme-version">Version 1.0</div>
                        </div><!-- End .right -->
                    </div><!-- End .right -->                
                </footer><!-- End #content-footer -->                 
            </div><!-- End #content-border --> 
        </div><!-- End #content --> 
            
    </div><!-- End #container -->
    
    <!-- scroll to top link -->
    <div id="scrolltotop"><span></span></div> 
        
</body>
</html>